/**
    css for the hole pages
    */
body {
	font-family: Arial,sans-serif;
	overflow: hidden;
	width: 100%;
	height: 100%;
	color: #f1f1f1;
	cursor: default;
	padding: 0px;
	margin: 0px;
	
}

#header {
	background-color: #C9C9C9;
	width: 100%;
	height: 50px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#footer {
	position: absolute;
	width: 100%;
	bottom: 0px;
	left:0px;
	text-align: center;
	font-size: x-small;
	z-index: 0;
	padding: 0px;
	margin: 0px;
}

.headerImage {
	margin: 10px;
	height: 60%;
}


.hide{
	display: none;
}

.ui-button-text {
	font-size: smaller;
}


/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }